<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入头部 -->
    <link rel="stylesheet" href="../css/head.css">
    <!-- 当前样式 -->
    <link rel="stylesheet" href="../css/carts.css">
    <!-- 引入jq -->
    <script src="../lib/jquery.min.js"></script>
    <!-- 引入插件js -->
    <script src="../js/carts.js"></script>


</head>

<body style="padding-bottom: 300px;">
    <!-- 头部 -->
    <div class="head ">
        <div class="container-fluid bgc00">
            <div class="head-top container clearfix">
                <p class="text-left">乐购www.legou.com</p>
                <p class="text-mid">欢迎光临乐购 请
                    <a href="../html/login.html">登录</a>
                    <span>|</span>
                    <a href="../html/register.html">注册</a>
                </p>

            </div>
        </div>
        <div class="head-nav container">
            <div class="logo">
                <img src="../images/logo_00.png" alt="">
            </div>
            <form class="search">
                <input class="input1" type="text" placeholder="请输入搜索的商品名">
                <input class="input2" type="submit" value="">
                <img src="../images/搜索.png" alt="">
            </form>
            <div class="shop">
                <img src="../images/购物车.png" alt="">
                <span><a href="../html/carts.html">购物车</a></span>
                <div class="yuan">0</div>
            </div>
            <div class="mine"><a href="#">我的订单</a></div>

            <ul class="text clearfix">
                <li><a class="on" href="#">图书</a></li>
                <li><a href="#">电子书</a></li>
                <li><a href="#">原创文学</a></li>
                <li><a href="../html/product.html">服装</a></li>
                <li><a href="#">运动户外</a></li>
                <li><a href="#">孕婴童</a></li>
                <li><a href="#">家居</a></li>
                <li><a href="#">创意文具</a></li>
                <li><a href="#">地方转产</a> </li>
                <li><a href="#">海外购</a></li>
                <li><a href="../html/details.html">电器城</a></li>
            </ul>

        </div>


    </div>
    <!-- 导航 -->
    <div class="car-nav container clearfix">
        <p><input type="submit" value="立即登录"><b>温馨提示: </b>亲爱的顾客, 您还没有登录, 所有商品价格,活动信息以登录后显示为准</p>

    </div>


    <!-- 购物车 -->
    <section class="cartMain">
        <div class="cartMain_hd">
            <ul class="order_lists cartTop">
                <li class="list_chk">
                    <!--所有商品全选-->
                    <input type="checkbox" id="all" class="whole_check">
                    <label for="all"></label>
                    全选
                </li>
                <li class="list_con">商品信息</li>
                <li class="list_info">商品参数</li>
                <li class="list_price">单价</li>
                <li class="list_amount">数量</li>
                <li class="list_sum">金额</li>
                <li class="list_op">操作</li>
            </ul>
        </div>

        <div class="cartBox">
            <div class="shop_info">
                <div class="all_check">
                    <!--店铺全选-->
                    <input type="checkbox" id="shop_a" class="shopChoice">
                    <label for="shop_a" class="shop"></label>
                </div>
                <div class="shop_name">
                    店铺：<a href="javascript:;">木果果木官方旗舰店</a>
                    <button>联系店家</button><span>满2件包邮</span>
                </div>
            </div>
            <div class="order_content">
                <ul class="order_lists">
                    <li class="list_chk">
                        <input type="checkbox" id="checkbox_2" class="son_check">
                        <label for="checkbox_2"></label>
                    </li>
                    <li class="list_con">
                        <div class="list_img"><a href="javascript:;"><img src="../images/shop.jpg" alt=""></a></div>
                        <div class="list_text"><a href="javascript:;">木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</a></div>
                        <div class="list_new">新品</div>
                        <div class="list_bag">包邮</div>

                    </li>
                    <li class="list_info">
                        <p>颜色：魅夜黑</p>
                        <p>尺寸：M</p>
                    </li>
                    <li class="list_price">
                        <p class="price">￥169</p>
                    </li>
                    <li class="list_amount">
                        <div class="amount_box">
                            <a href="javascript:;" class="reduce reSty">-</a>
                            <input type="text" value="1" class="sum">
                            <a href="javascript:;" class="plus">+</a>
                        </div>
                    </li>
                    <li class="list_sum">
                        <p class="sum_price">￥169</p>
                    </li>
                    <li class="list_op">
                        <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                    </li>
                </ul>
                <ul class="order_lists">
                    <li class="list_chk">
                        <input type="checkbox" id="checkbox_3" class="son_check">
                        <label for="checkbox_3"></label>
                    </li>
                    <li class="list_con">
                        <div class="list_img"><a href="javascript:;"><img src="../images/shop.jpg" alt=""></a></div>
                        <div class="list_text"><a href="javascript:;">木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</a></div>
                        <div class="list_new1">新品</div>
                        <div class="list_bag1">包邮</div>
                    </li>
                    <li class="list_info">
                        <p>颜色：魅夜黑</p>
                        <p>尺寸：M</p>
                    </li>
                    <li class="list_price">
                        <p class="price">￥780</p>
                    </li>
                    <li class="list_amount">
                        <div class="amount_box">
                            <a href="javascript:;" class="reduce reSty">-</a>
                            <input type="text" value="1" class="sum">
                            <a href="javascript:;" class="plus">+</a>
                        </div>
                    </li>
                    <li class="list_sum">
                        <p class="sum_price">￥780</p>
                    </li>
                    <li class="list_op">
                        <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                    </li>
                </ul>
                <ul class="order_lists">
                    <li class="list_chk">
                        <input type="checkbox" id="checkbox_6" class="son_check">
                        <label for="checkbox_6"></label>
                    </li>
                    <li class="list_con">
                        <div class="list_img"><a href="javascript:;"><img src="../images/shop.jpg" alt=""></a></div>
                        <div class="list_text"><a href="javascript:;">木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</a></div>
                        <div class="list_new2">新品</div>
                        <div class="list_bag2">包邮</div>
                    </li>
                    <li class="list_info">
                        <p>颜色：魅夜黑</p>
                        <p>尺寸: M</p>
                    </li>
                    <li class="list_price">
                        <p class="price">￥180</p>
                    </li>
                    <li class="list_amount">
                        <div class="amount_box">
                            <a href="javascript:;" class="reduce reSty">-</a>
                            <input type="text" value="1" class="sum">
                            <a href="javascript:;" class="plus">+</a>
                        </div>
                    </li>
                    <li class="list_sum">
                        <p class="sum_price">￥180</p>
                    </li>
                    <li class="list_op">
                        <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                    </li>
                </ul>
            </div>
        </div>

        <div class="cartBox">
            <div class="shop_info">
                <div class="all_check">
                    <!--店铺全选-->
                    <input type="checkbox" id="shop_b" class="shopChoice">
                    <label for="shop_b" class="shop"></label>
                </div>
                <div class="shop_name">
                    店铺：<a href="javascript:;">木果果木官方旗舰店</a>
                    <button>联系店家</button><span>满2件包邮</span>
                </div>
            </div>
            <div class="order_content">
                <ul class="order_lists">
                    <li class="list_chk">
                        <input type="checkbox" id="checkbox_4" class="son_check">
                        <label for="checkbox_4"></label>
                    </li>
                    <li class="list_con">
                        <div class="list_img"><a href="javascript:;"><img src="../images/shop.jpg" alt=""></a></div>
                        <div class="list_text"><a href="javascript:;">木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</a></div>
                        <div class="list_new3">新品</div>
                        <div class="list_bag3">包邮</div>
                    </li>
                    <li class="list_info">
                        <p>颜色: 魅夜黑</p>
                        <p>尺寸：M</p>
                    </li>
                    <li class="list_price">
                        <p class="price">￥1980</p>
                    </li>
                    <li class="list_amount">
                        <div class="amount_box">
                            <a href="javascript:;" class="reduce reSty">-</a>
                            <input type="text" value="1" class="sum">
                            <a href="javascript:;" class="plus">+</a>
                        </div>
                    </li>
                    <li class="list_sum">
                        <p class="sum_price">￥1980</p>
                    </li>
                    <li class="list_op">
                        <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                    </li>
                </ul>
                <ul class="order_lists">
                    <li class="list_chk">
                        <input type="checkbox" id="checkbox_5" class="son_check">
                        <label for="checkbox_5"></label>
                    </li>
                    <li class="list_con">
                        <div class="list_img"><a href="javascript:;"><img src="../images/shop.jpg" alt=""></a></div>
                        <div class="list_text"><a href="javascript:;">木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</a></div>
                        <div class="list_new4">新品</div>
                        <div class="list_bag4">包邮</div>
                    </li>
                    <li class="list_info">
                        <p>颜色: 魅夜黑</p>
                        <p>尺寸：M</p>
                    </li>
                    <li class="list_price">
                        <p class="price">￥480</p>
                    </li>
                    <li class="list_amount">
                        <div class="amount_box">
                            <a href="javascript:;" class="reduce reSty">-</a>
                            <input type="text" value="1" class="sum">
                            <a href="javascript:;" class="plus">+</a>
                        </div>
                    </li>
                    <li class="list_sum">
                        <p class="sum_price">￥480</p>
                    </li>
                    <li class="list_op">
                        <p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
                    </li>
                </ul>
            </div>
        </div>


        <!--底部-->
        <div class="bar-wrapper">
            <div class="bar-right">
                <div class="piece">已选商品<strong class="piece_num">0</strong>件</div>
                <div class="totalMoney">共计(不含运费): <strong class="total_text">0.00</strong></div>
                <div class="calBtn"><a href="javascript:;">结算</a></div>
            </div>
        </div>
    </section>
    <section class="model_bg"></section>
    <section class="my_model">
        <p class="title">删除宝贝<span class="closeModel">X</span></p>
        <p>您确认要删除该宝贝吗？</p>
        <div class="opBtn"><a href="javascript:;" class="dialog-sure">确定</a><a href="javascript:;"
                class="dialog-close">关闭</a></div>
    </section>

    <!-- 猜你喜欢 -->
    <div class="fav container">
        <p class="guess">猜你喜欢</p>
        <ul>
            <li><img src="../images/5-购物车_03.jpg" alt="">
                <p>AIVEI秋新中长款牛仔</p>
                <span>¥ 79.00</span>
            </li>
            <li><img src="../images/5-购物车_03.jpg" alt="">
                <p>AIVEI秋新中长款牛仔</p>
                <span>¥ 79.00</span>
            </li>
            <li><img src="../images/5-购物车_03.jpg" alt="">
                <p>AIVEI秋新中长款牛仔</p>
                <span>¥ 79.00</span>
            </li>
            <li><img src="../images/5-购物车_03.jpg" alt="">
                <p>AIVEI秋新中长款牛仔</p>
                <span>¥ 79.00</span>
            </li>
            <li><img src="../images/5-购物车_03.jpg" alt="">
                <p>AIVEI秋新中长款牛仔</p>
                <span>¥ 79.00</span>
            </li>
            <li><img src="../images/5-购物车_03.jpg" alt="">
                <p>AIVEI秋新中长款牛仔</p>
                <span>¥ 79.00</span>
            </li>



        </ul>
    </div>

    
        <!-- 尾部 -->
        <div class="footer container-fluid ">
            <div class="foot-top container">
              <div class="foot-pic">
                  <ul>
                      <li><img class="fl mr" src="../images/正品保障.jpg" alt="">
                        <p class="fs20 c33 pb10 fw">正品保障</p>
                        <p>正品行货 放心选购</p>
                       </li>
                      <li><img class="fl mr" src="../images/包邮.jpg" alt="">
                       <p class="fs20 c33 pb10 fw">满86包邮</p>
                        <p>满86元 免运费</p>
                     </li>
                      <li><img class="fl mr" src="../images/售后无忧.jpg" alt="">
                       <p class="fs20 c33 pb10 fw">售后无忧</p>
                        <p>7天无理由退货</p>
                     </li>
                      <li><img class="fl mr" src="../images/准时.jpg" alt="">
                       <p class="fs20 c33 pb10 fw">准时送达</p>
                       <p>收获时间由你做主</p>
                   </li>
                  </ul>
              </div>
              <div class="foot-bottom ">
                  <div>
                      <ul class="one">
                          <li><a class="fs18 fw" href="#">新手入门</a></li>
                          <li><a href="#">购物流程</a></li>
                          <li><a href="#">会员制度</a></li>
                          <li><a href="#">订单查询</a></li>
                          <li><a href="#">服务协议及隐私说明</a></li>
                          <li><a href="#">网站地图</a></li>
                      </ul>
                  </div>

                  <div>
                      <ul class="two">
                       <li><a class="fs18 fw" href="#">支付方式</a></li>
                       <li><a href="#">货到付款</a></li>
                       <li><a href="#">网上支付</a></li>
                       <li><a href="#">礼品卡支付</a></li>
                       <li><a href="#">其他支付</a></li>
                      </ul>
                  </div>
                  <div>
                   <ul class="three">
                    <li><a class="fs18 fw" href="#">配送服务</a></li>
                    <li><a href="#">配送进度查询</a></li>
                    <li><a href="#">商品验货与签收</a></li>
                    
                   </ul>
               </div>
               <div>
                   <ul class="four">
                    <li><a class="fs18 fw" href="#">相关规则</a></li>
                    <li><a href="#">平台规则</a></li>
                    <li><a href="#">退换货政策</a></li>
                    <li><a href="#">发票制度</a></li>
                    <li><a href="#">帮助中心</a></li>
                    
                   </ul>
               </div>

               <div>
                   <ul class="five">
                    <li><a class=" fw" href="#">App更优惠</a></li>
                    <li><img src="../images/二维码.png" alt=""></li>
                   </ul>
               </div>
               <div>
                   <ul class="six">
                    <li><a class=" fw" href="#">加微信查订单</a></li>
                    <li><img src="../images/二维码.png" alt=""></li>
                   </ul>
               </div>

              </div>

            </div>
            <div class="footer-bottom container">
                <p>沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX | 
                   沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            </div>
            <div class="footer-pic container">
                <ul >
                    <li><img src="../images/footer-1.jpg" alt=""></li>
                    <li><img src="../images/footer-2.jpg" alt=""></li>
                    <li><img src="../images/footer-3.jpg" alt=""></li>
                    <li><img src="../images/footer-4.png" alt=""></li>
                    <li><img src="../images/footer-5.png" alt=""></li>
                    <li><img src="../images/footer-6.jpg" alt=""></li>
                </ul>
            </div>


    </div>

</body>

</html>